<template>
  <div>
      <a :href="href">href</a>
      <p :id="id">id</p>
      <img :src="src" class="img" alt="图片">
      <button :disabled = "disabled">按钮</button>
      <span :title = "message">鼠标悬停几秒查看此处动态绑定的提示信息!</span>
      <p v-if="seen">现在你看到我了</p>
      <ul>
        <li v-for="todo in todos">
          {{todo.text}}
        </li>
      </ul>
  </div>
</template>
<script>
export default {
  name: "Property",
  data() {
    return {
      id: 2,
      href: "http://www.baidu.com",
      src: "http://api.dujin.org/bing/1920.php",
      disabled: true,
      message: "页面加载于" + new Date().toLocaleString(),
      seen: true,
      todos: [
        {text: '学习JavaScript'},
        {text: '学习 vue'},
        {text: '整个牛项目'}
      ]
    };
  }
};
</script>
<style scoped>
 .img{
   width:80px;
 }
</style>


